<template>
	<!-- 帮扶中心 -->
	<MenuList :menu="list" />
</template>

<script>
	import MenuList from '@/components/system/MenuList.vue'
	export default {
		components: {
			MenuList
		},
		data() {
			return {
				list: [
					{
						name: '金秋助学',
						url: '../assistance-center/assist-learning',
						icon: '/static/images/icon/staff/6.png'
					},
					{
						name: '大病救助',
						url: '../assistance-center/major-illness-assistance',
						icon: '/static/images/icon/staff/7.png'
					},
					{
						name: '生育津贴',
						url: '../assistance-center/maternity-allowance',
						icon: '/static/images/icon/staff/8.png'
					},
					{
						name: '结婚补助',
						url: '../assistance-center/marriage-allowance',
						icon: '/static/images/icon/staff/9.png'
					},
					{
						name: '亲属去世慰问',
						url: '../assistance-center/family-condolences',
						icon: '/static/images/icon/staff/10.png'
					},
					{
						name: '法律援助',
						url: '../assistance-center/legal-aid',
						icon: '/static/images/icon/staff/11.png'
					}
				]
			}
		}
	}
</script>

<style lang="scss" scoped>
// @import '@/uni.scss';
	
:deep(.u-grid-item) {
	padding: 50rpx 0 10rpx;
	
	.grid-text {
		padding-top: 10rpx;
		color: $uni-text-color;
	} 
}


</style>